<template>
    <view class="content">
        <navBack />
        <view class="fraction">
            <text class="fractionNum">{{ indexOfScore }}</text>
            <text class="fen">分</text>
        </view>
        <!-- 评价 -->
        <view class="evaluate">
			<view class="evaluateText">
<rich-text :nodes="scoreData.score_content"></rich-text>
			</view>
				
		</view>
    </view>
</template>

<script setup lang="ts">
import navBack from '@/components/navBack.vue';
import { onLoad } from '@dcloudio/uni-app';
import { computed, ref } from 'vue';
const scoreData = ref();

const indexOfScore = computed(() => {
    return scoreData.value.score.toFixed(0);
});

onLoad(opt => {
    scoreData.value = JSON.parse(opt.score);
    console.log('scoreData.value', scoreData.value);
});
</script>

<style lang="scss" scoped>
.content {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .fraction {
        width: 375rpx;
        height: 175rpx;
        background-image: url('@/static/kuang.png');
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;

        .fractionNum {
            font-family: 'mnjpty';
            font-size: 64.063rpx;
            color: #d82a27;
        }

        .fen {
            font-family: 'ZhiMangXing-Regular';
            color: #3a3b3d;
            font-size: 25rpx;
            margin-left: 12.5rpx;
            margin-top: 15.719rpx;
        }
    }

	.evaluate{
		width: 375rpx;
		height: 79.688rpx;
		background-image: url('@/static/evaluate.png');
        background-size: 100%;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
		margin-top: 43.75rpx;
		font-size: 17rpx;
		// font-family: 'ZhiMangXing-Regular';
		color: #3A3B3D;
		// padding: 20.719rpx 15.625rpx;
		// box-sizing: border-box;
		
	
		.evaluateText{
			width: 320rpx;
			height: 67rpx;
			margin-top: 10.906rpx;
			
			overflow: scroll;
		}


	}
}
</style>
